<template>
  <div class="formDetail">
    <cheader :pageIndex="2"></cheader>
    <div class="bg">
      <img :src="bg" alt="">
    </div>
    <div class="p1-title">
      <div class="tWrap">
        <div class="t">
          <img src="@/common/img/ball1.png" alt="">
          <h2>上海交通大学防疫答疑问卷</h2>
          <i></i>
        </div>
      </div>
    </div>
    <div class="content">213</div>
    <cfooter></cfooter>
  </div>
</template>
<script>
import cheader from '@/components/cheader/cheader'
import cfooter from '@/components/cfooter/cfooter'
export default {
  data () {
    return {
      bg: require('@/common/img/bg.png')
    }
  },
  components: {
    cheader,
    cfooter
  }
}
</script>
<style lang="scss" scoped>
  $tjBlue: #59bed9;
  .formDetail {
    background: no-repeat center top linear-gradient(#59bed9, transparent, transparent);
    .bg {
      width: 100%;
      height: 698px;
      position: absolute;
      top: -115px;
      left: 0;
      z-index: 1;
      // background-color: red;
      img {
        display: block;
        margin: 0 auto;
      }
    }
    .p1-title {
      width: 900px;
      margin: 0 auto;
      padding-top: 160px;
      position: relative;
      z-index: 2;
      .t {
        height: 50px;
        position: relative;
        display: inline-block;
        img {
          position: absolute;
          left: 0;
          top: 0;
        }
        h2 {
          font-size: 28px;
          color: #fff;
          position: relative;
          top: 14px;
          margin-left: 24px;
          // font-weight: bold;
        }
        i {
          width: 6px;
          height: 6px;
          position: absolute;
          right: -16px;
          bottom: 0px;
          background-color: #ffe75f;
        }
      }
      .b {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        position: relative;
        h3 {
          font-size: 20px;
          color: #fff;
          position: relative;
          z-index: 3;
        }
        i {
          color: #fff;
          font-size: 20px;
          font-style: normal;
          cursor: pointer;
        }
      }
    }
    .content {
      position: relative;
      z-index: 2;
      background-color: #ccc;
      margin: 20px auto;
      width: 900px;
      height: 2000px;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }
  }
</style>
